---
title: Box
---

# Box

Use the `Box` component as a layout primitive to add margin, padding, and colors
to content.

```js
import { Box } from 'theme-ui'
```

```jsx live=true
<Box p={4} color="background" bg="primary">
  Beep
</Box>
```
